@charset "UTF-8";blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
@font-face{font-family:HELVETICANEUELTPRO-THEX;src:url(fonts/HELVETICANEUELTPRO-THEX.OTF);
font-family:Diodot;src:url(fonts/Didot.ttf);font-weight:400;font-style:normal}/**

/*通用*/
h1,h2,h3,h4,h5,h6{font-weight:100;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ol,ul{list-style:none;}
a{text-decoration:none;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
a:hover{text-decoration:underline;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
a.button{color:#fff;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
a.btton:hover{opacity:.75;filter:alpha(opacity=75);}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
.alert-warning-inverse .alert-link{padding:0 5px;}
.modal-title{font-weight:600;}
.col-main{float:left;width:100%;min-height:1px;}
.col-extra,.col-sub{float:left;}
.col-extra:after,.col-sub:after,.layout:after,.main-wrap:after{clear:both;display:block;height:0;content:'\20';}
.col-extra,.col-sub,.layout,.main-wrap{zoom:1;}
.modal{z-index:9999;}
.hidden{display:none;}
.invisible{visibility:hidden;}
.clear{clear:both;display:block;overflow:hidden;height:0;}
.clearfix:after{clear:both;display:block;height:0;content:'\20';}
a:link,a:visited{text-decoration:none;}
a:active,a:hover{text-decoration:none;}
::-webkit-scrollbar{width:8px;height:8px;background-color:#eee;}
::-webkit-scrollbar-track{border-radius:10px;background-color:#eee;}
::-webkit-scrollbar-thumb{border-radius:10px;background-color:#7f8c8d;}
.gray{color:#8e8e93;}
.gray2{color:#999;}
.black{color:#000;}
.white{color:#fff;}
.lightblue{color:#5ac8fa;}
.yellow{color:#fc0;}
.orange{color:#ff9500;}
.pink{color:#ff2d55;}
.blue{color:#2d5aac;}
.green{color:#4cd964;}
.red{color:#ff3b30;}
.get{padding:100px 0;background:#1E5B94;color:#fff;text-align:center;}
.get-title{display:inline-block;padding:20px;border:2px solid #fff;font-size:200%;}
.get-btn{background:#fff;}
.detail{background:#fff;}
.detail-h2{margin:40px 0;text-align:center;font-size:150%;}
.detail-h3{color:#1f8dd6;}
.detail-p{color:#7f8c8d;}
.detail-mb{margin-bottom:30px;}
.hope{padding:50px 0;background:#0bb59b;}
.hope-img{text-align:center;}
.hope-hr{border-color:#149C88;}
.hope-title{font-size:140%;}
.about{padding:40px 0;background:#fff;color:#7f8c8d;}
.about-color{color:#34495e;}
.about-title{padding:30px 0 50px 0;text-align:center;font-size:180%;}
.footer{background:#2d3e50;font-size:14px;}
.footer p{margin:0;padding:15px 0;color:#7f8c8d;text-align:center;}
a:focus{outline:0;}
ol{padding:0;}

.container{min-width: 1000px !important;}



/*右侧栏*/
.right-bar{position:fixed;top:70%;right:0;z-index:99999;width:30px;}
.right-bar li{width:30px;height:30px;color:#fff;text-align:center;line-height:30px;cursor:pointer;}
.right-bar li a{display:block;width:100%;height:100%;color:#fff;}
.right-bar li:hover{opacity:.9;}
.right-bar li .iconfont{font-size:16px;}
.right-bar li .icon-flag{position:relative;left:-2px;}
.right-bar .right-bar0{background:#d85656;}
.right-bar .right-bar1{background:#0076d1;}
.right-bar .right-bar2{background:#f7971e;}
.right-bar .right-bar2 img{position:fixed;top:70%;right:0;width:0;height:0;box-shadow:#ddd 2px 2px 10px;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.right-bar .right-bar2:hover img{right:40px;width:100px;height:100px;opacity:1;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-ms-transform:rotate(360deg);}
.right-bar .right-bar3{position:relative;overflow:hidden;margin-left:0;padding-left:3px;width:30px;background:#45b649;font-size:12px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.right-bar .right-bar3:hover{margin-left:-290px;width:320px;height:30px;opacity:1;}
.right-bar .right-bar3 .iconfont{position:relative;left:-2px;font-size:16px;}
.right-bar .right-bar3 span{padding-left:10px;}
.right-bar .right-bar4{display:none;background:#2d3e50;}
.right-bar .right-bar0:hover a{color:#eee;opacity:.9;}
#fp-nav.right{right:0;}


/*顶部栏*/
header{position:fixed;top:0;z-index:999;padding:0;width:100%;height:65px;background:0 0;color:#fff;line-height:65px;}
.topbar{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.topbar.blackbg{background:#264de8;}
.topbar:after{display:block;height:1px;background:#fff;opacity:.2;}
.topbar:hover{background:#264de8;}
.topbar:hover a{color:#ddd;}
.topbar:hover:after{display:none;}
.topbar.inner{background:#264de8;}
.topbar.inner a{color:#fff;}
.topbar.inner:after{display:none;}
.topbar.inner .top-nav{float:right;}
.topbar.active{overflow:hidden;height:0;}
.topbar.active2{position:fixed;height:60px;background:#373d41;}
.topbar.active a{color:#ddd;}
.topbar.active:after{display:none;}
.topbar img{padding-top:20px;width:110px;}
.topbar a{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.topbar a:hover{color:#fff;}
.top-nav ul{float:right;}
.topbar .col-lg-8.top-nav ul li{float:left;display:block;padding:0 30px;text-align:center;}
.topbar .col-lg-8.top-nav ul li a{display:block;width:100%;height:100%;}
.topbar .col-lg-8 .block{position:absolute;bottom:0;left:0;z-index:99;width:48px;height:2px;background:#fff;}
.topbar .col-lg-2.pull-right{text-align:right;}
.topbar .nav1 li a{border-bottom:transparent 2px solid;}
.topbar .nav1 li.active a{border-bottom:#fff 2px solid;}
.topbar .container{position:relative;}
.topbar .slide-bt-box{position:fixed;top:0;right:0;z-index:99;display:none;}
.topbar .slide-bt-box .btn{border-color:#ddd;border-width:2px;border-radius:0;background:0 0;}
.topbar .slide-bt-box .btn .icon{color:#ddd;text-shadow:none;}
@media (max-width:1300px){.topbar .col-lg-8.top-nav ul li{padding:0 10px;}
}
@media (max-width:1200px){.topbar .col-lg-8.top-nav ul li{padding:0 5px;}
}
@media (max-width:760px){body{overflow-x:hidden!important;height:auto;}
.container{min-width:auto!important;}
.row{margin-right:0;margin-left:0;}
.topbar .slide-bt-box{display:block;}
.topbar img{position:relative;margin-bottom:30px;margin-left:10%;width:80%;}
.topbar a{font-size:16px;}
.topbar .button{display:block;margin:20px auto;width:150px;}
.topbar .col-xs-12{text-align:center;}
.topbar .col-lg-2.pull-right{float:left!important;}
header{position:fixed;left:-75%;z-index:9999;width:70%;height:100%;background:#264de8;box-shadow:#333 1px 1px 15px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.topbar .nav1 li{display:inline-block;width:100%;height:42px;line-height:42px;}
}
@media (max-height:500px){.topbar .nav1 li{height:34px;line-height:34px;}
}
@media (min-width:1300px){.container{max-width:1420px;}
}



/*幻灯*/
.swiper-container-horizontal>.swiper-pagination{bottom: 20px;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 10px;}
.swiper-pagination-white .swiper-pagination-bullet-active{position: relative;
    border-radius: 15px;
    width: 20px;
    left:0;
    transition: all .3s ease 0s;}
.swiper-pagination-white .swiper-pagination-bullet-active::after{
    content: '';
    position: absolute;
    display: block;
    width: 26px;
    height: 14px;
    left: -3px;
    top:-3px;
    border-radius: 15px;
    border:#fff 1px solid;

}

.headline-bg.index-headline-bg{overflow:hidden;background:url(../img/bn1.jpg);}
.headline-bg.index-headline-bg2{overflow:hidden;background:url(../img/bn2.jpg);}
.headline-bg.index-headline-bg3{overflow:hidden;background:url(../img/bn3.jpg);}

.swiper-button-white{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.swiper-button-white:hover{opacity:.8;}
.banner-box{margin:0;padding:0;min-height:800px;}
.carousel-control.left{background:0 0;}
.carousel-control.right{background:0 0;}

.bn1-main{margin:250px auto 0 auto;}
.bn1-main-box{position: relative;width: 100%;}
.bn1-main-box .img-module{position: absolute;}
.bn1-main-box .img-module.img-1{margin-left: -316px;left: 50%;top: 50px;}
.bn1-main-box .img-module.img-2{margin-left: -290px;left: 50%;top: 72px;}
.bn1-main-box .img-module.img-3{margin-left: 260px;left: 50%;top: 222px;}
.bn1-main-box .img-module.img-4{margin-left: 20px;left: 50%;top: 333px;}
.bn1-main-box .img-module.img-5{margin-left: 120px;left: 50%;top: 320px;}

.bn2-main{margin:300px auto 0 auto;}
.bn2-main-box{position: relative;width: 100%;}
.bn2-main-box .img-module{position: absolute;}
.bn2-main-box .img-module.img-1{margin-left: -400px;left: 50%;top: 50px;}
.bn2-main-box .img-module.img-2{margin-left: -250px;left: 50%;top: 100px;}
.bn2-main-box .img-module.img-3{margin-left: -100px;left: 50%;top: 50px;}
.bn2-main-box .img-module.img-4{margin-left: 50px;left: 50%;top: 0px;}
.bn2-main-box .img-module.img-5{margin-left: 150px;left: 50%;top: 90px;}
.bn2-main-box .img-module.img-6{margin-left: 300px;left: 50%;top: 30px;}


.bn3-main{margin:250px auto 0 auto;}
.bn3-main-box{position: relative;width: 100%;}
.bn3-main-box .img-module{position: absolute;}
.bn3-main-box .img-module.img-1{ margin-left: -240px;left: 50%;top: 60px;}
.bn3-main-box .img-module.img-2{margin-left: -85px;left: 50%;top: 190px;}
.bn3-main-box .img-module.img-3{margin-left: -85px;left: 50%;top: 250px;}




.subnav{margin:25px; height: 46px;line-height: 46px; }
.subnav-title{float: left;font-size: 22px;color: #555;}
.subnav-title span{padding-left:20px; font-size:14px;color: #aaa;}

.subnav-list{float: right;}
.subnav-list ul li{display: inline-block;margin:0px 15px;border-bottom: #fff 2px solid;cursor:pointer;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.subnav-list ul li a{color: inherit;}
.subnav-list ul li.active{color: #0059ff;border-bottom: #0059ff 2px solid;}
.subnav-list ul li:hover{color: #0059ff;border-bottom: #0059ff 2px solid;}


.main-content-1 .subnav{margin-top:42px;border-bottom: #ddd 1px solid;}
.main-content-1 .product-list{margin:65px 0;padding:0;}
.main-content-1 .product-list .more{text-align:center;}
.main-content-1 .product-list .more .button-rd-more{padding:0 60px;border:#ddd 1px solid;color:#aaa;font-size:14px;}
.main-content-1 .product-list .more .button-rd-more:hover{border:#0059ff 1px solid;background:#0059ff;color:#fff;}
.main-content-1 .product-list ul li{margin-bottom:62px;}
.main-content-1 .product-list .product-box{position:relative;margin:0 25px;box-shadow:#ddd 0 0 25px;overflow: hidden;}
.main-content-1 .product-list .product-box:after{
        content:'';
    position:absolute;
    background:transparent;
    display: block;
    top:50%; 
    bottom: 1px;
    left: 10px;
    right: 10px; 
    z-index: -1; 
    box-shadow: 0 0 50px rgba(0,0,0,0.1); 
    border-radius: 100px/10px;
}
.main-content-1 .product-list .product-box .title-box{position:absolute;top:0;left:0;padding:15px;width:100%;height:100%;background:rgba(0,89,255,.75);text-align:center;opacity:0;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;filter:alpha(opacity=0);}
.main-content-1 .product-list .product-box .title-box .summary{position:relative;top:45%;margin-top:-20px;height: 300px}
.main-content-1 .product-list .product-box .title-box .summary hr{margin:10px auto 0 auto;width:5%;}
.main-content-1 .product-list .product-box .title-box h4{position:relative;left:-50px;color:#fff;font-size:16px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-1 .product-list .product-box .title-box h5{position:relative;left:50px;padding-top:8px;color:#ddd;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-1 .product-list .product-box .title-box h5{z-index: 99;}
.main-content-1 .product-list .product-box .title-box h5 a{color: #fff;border:#fff 1px solid;line-height: 24px;}
.main-content-1 .product-list .product-box .title-box h5 a:hover{color: #555;}
.main-content-1 .product-list .product-box .title-box h5 a:focus{color: #555;}

.main-content-1 .product-list .product-box .title-box:after{position:absolute;top:0;left:0;margin:0;width:calc(100%);height:calc(100%);border:#fff 1px solid;border-right:none;border-left:none;content:'';opacity:0;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;filter:alpha(opacity=0);}
.main-content-1 .product-list .product-box .title-box:hover{opacity:1;filter:alpha(opacity=0);}
.main-content-1 .product-list .product-box .title-box:hover h4{left:0;}
.main-content-1 .product-list .product-box .title-box:hover h5{left:0;}
.main-content-1 .product-list .product-box .title-box:hover:after{margin:20px;width:calc(100% - 40px);height:calc(100% - 40px);opacity:.75;filter:alpha(opacity=75);}

#portfoliolist{height:980px;overflow: hidden;}
#portfoliolist .portfolio{display: none;}
.main-content-1.inner{margin-top: 80px;}
.main-content-1.inner #portfoliolist{height: auto;}
.topbar.inner img{padding-top: 0;}

.main-content-2 .container-fluid{overflow: hidden;}
.main-content-2 .skill-list{padding:35px 25px;text-align:center;}
.main-content-2 .skill-list ul li.col-xs-3{padding:35px 0;min-height:360px;box-shadow:#ddd 0 0 0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-2 .skill-box{position:relative;}
.main-content-2 .skill-box .icon-box{position:relative;overflow:hidden;margin:0 auto;width:72px;height:68px;}
.main-content-2 .skill-box .img1{position:absolute;top:0;left:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-2 .skill-box .img2{position:absolute;top:120px;left:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-2 .skill-box .title{margin-top:25px;color:#777;font-size:16px;}
.main-content-2 .skill-box .dot{position:relative;z-index:99;margin:25px auto;width:6px;height:6px;border-radius:50%;background:#999;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-2 .skill-box .dot:after{position:absolute;top:-3px;left:-3px;z-index:999;display:block;width:12px;height:12px;border:#999 1px solid;border-radius:50%;content:'';box-shadow: 0 0 1px 2px rgba(255,255,255,0.8);transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-2 .skill-box .skill-list-2rd ul li{color:#aaa;font-size:14px;line-height:28px;}
.main-content-2 .skill-box:after{position:absolute;top:145px;left:-100%;display:block;width:300%;height:1px;border-top:#eee 1px solid;content:'';}
.main-content-2 .skill-list ul li.col-xs-3:hover{padding:35px 0;box-shadow:#eee 1px 1px 80px;}
.main-content-2 .skill-list ul li.col-xs-3:hover .skill-box .dot{background:#0059ff;}
.main-content-2 .skill-list ul li.col-xs-3:hover .skill-box .dot:after{border:#0059ff 1px solid;}
.main-content-2 .skill-list ul li.col-xs-3:hover .img1{top:-120px;}
.main-content-2 .skill-list ul li.col-xs-3:hover .img2{top:0;}
.main-content-2 .skill-list ul li.col-xs-3:hover .skill-box .dot:after{animation: halo 1s 0.5s infinite ease-out;}

.main-content-3 .container-fluid{height: 510px;margin-top: 65px; overflow:hidden; background: url(../img/about-bg.jpg) bottom center no-repeat fixed;}
.main-content-3 .about-content{margin:0 15px;}
.main-content-3 .about-title{position: relative;height: 510px;}
.main-content-3 .about-title img{position: absolute;top: 50%;margin-top:-56px;left: 20%;}
.main-content-3 .about-main{margin-top:72px;  height: 365px;width: 100%;padding: 60px; background: #fff;box-shadow: #ddd 0px 0px 50px;}
.main-content-3 .about-main .content-box{width: 70%;float: left;}
.main-content-3 .about-main .content-box .name{font-size: 18px;color: #555;}
.main-content-3 .about-main .content-box .eng-name{font-size: 14px;color: #aaa;}
.main-content-3 .about-main .content-box .brief{width: 90%;margin-top:50px; font-size: 14px;line-height: 28px; color: #777;}
.main-content-3 .about-main .content-box hr{width: 10%;margin-left: 0;border-top: #555 4px solid;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-3 .about-main:hover .content-box hr{width: 18%;}
.main-content-3 .about-main .img-box{width: 30%;float: right;}


.main-content-4 .container{margin-top:65px;}
.main-content-4 .attitude-list{position:relative;padding:35px 25px;}
.main-content-4 .attitude-list .col-xs-4{position:relative;width:25%;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-4 .attitude-list .attitude-list-box.active{width:50%;}
.main-content-4 .attitude-list-box{position:relative;}
.main-content-4 .attitude-list-box .img-box{position:relative;overflow:hidden;width:100%;}
.main-content-4 .attitude-list-box .img-box img{right:0;width:100%;height:100%;max-width:500%;max-height:335px;}
.main-content-4 .attitude-list-box .content-box{position:relative;top:-100px;overflow:hidden;margin:0 auto;padding:25px;width:80%;height:200px;height:166px;background:#f7f7f7;box-shadow:#ccc 0 0 20px;color:#555;cursor:pointer;transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-4 .attitude-list-box .content-box .title{text-align:center;font-size:18px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-4 .attitude-list-box .content-box .title span{padding-left:15px;color:#aaa;font-size:12px;}
.main-content-4 .attitude-list-box .content-box .main{overflow:hidden;max-height:48px;color:#0059ff;font-size:12px;line-height:24px;opacity:0;transition:all .6s;transition-delay:.6s;}
.main-content-4 .attitude-list-box .content-box .rd-more{position:relative;margin:30px 0 30px 0;text-align:center;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-4 .attitude-list-box .content-box hr:after{display:block;width:0;border-top:#0059ff 1px solid;content:'';transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-4 .attitude-list-box .img-box .img-1{display:none;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-4 .attitude-list-box .img-box .img-2{display:block;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-4 .attitude-list-box .content-box:hover .rd-more{transform:rotate(180deg);}
.main-content-4 .attitude-list-box .content-box:hover hr:after{width:100%;}
.main-content-4 .attitude-list-box .content-box:hover .title{color:#0059ff;}
.main-content-4 .attitude-list-box.active .img-box img{width:100%;}
.main-content-4 .attitude-list-box.active .rd-more{display:none;}
.main-content-4 .attitude-list-box.active .content-box{position:relative;top:-100px;margin:0 auto;padding:25px;width:90%;background:#0059ff;box-shadow:#0059ff 0 0 30px;color:#fff;}
.main-content-4 .attitude-list-box.active .content-box .title{text-align:left;font-size:18px;}
.main-content-4 .attitude-list-box.active .content-box .main{color:#fff;font-size:12px;line-height:24px;opacity:1;}
.main-content-4 .attitude-list-box.active .img-box .img-1{display:block;}
.main-content-4 .attitude-list-box.active .img-box .img-2{display:none;}
.main-content-4 .attitude-list-box.active .content-box:hover .title{color:#fff;}
.main-content-4 .num-content{margin-top:-30px;}
.main-content-4 .num-main{margin:0 25px;padding:75px 0;background:#f7f7f7;}
.main-content-4 .num-main .num-list{text-align:center;}
.main-content-4 .num-main .num-list li{position:relative;top:0;cursor:pointer;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-4 .num-main .num-list li:hover{top:-5px;}
.main-content-4 .num-main .num-list li::after{position:absolute;top:50%;right:0;display:block;margin-top:-25px;height:50px;border-right:#ddd 1px solid;content:'';}
.main-content-4 .num-main .num-list li:last-child::after{display:none;}
.main-content-4 .num-main .num{color:#555;font-size:48px;font-family:Diodot;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-4 .num-main .num-list li:hover .num{color:#0059ff;text-shadow:rgba(0,89,255,.2) 0 10px 10px;}
.main-content-4 .num-main .title{color:#aaa;font-size:14px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-4 .num-main .num-list li:hover .title{text-shadow:rgba(170,170,170,.5) 0 10px 10px;}
.main-content-4 .num-main .num span{position:relative;display:inline-block;width:auto;}
.main-content-4 .num-main .num span::after{position:absolute;top:0;right:-15px;display:block;width:8px;height:8px;background:url(../img/rd-more2.png) no-repeat;background-size:8px 7px;content:'';}



.main-content-5 .container-fluid{margin-top:100px;padding-top:85px;min-height:463px;background:url(../img/travel-bg.jpg) no-repeat top center;}
.main-content-5 .top-title{text-align:center;}
.main-content-5 .top-title .title{color:555555;font-size:22px;}
.main-content-5 .top-title .title .eng{margin-left:10px;color:#3b8beb;font-size:14px;}
.main-content-5 .top-title .title-2rd{color:#747474;font-size:14px;}
.main-content-5 .travel-content{position:relative;margin:30px 25px 0 25px;min-height:400px;background:#fff;}
@media (max-width:1200px){.main-content-5 .travel-content{overflow:hidden;box-shadow:#eee 0 15px 30px;}
}
.main-content-5 .travel-content:after{position:absolute;top:50%;right:10px;bottom:1px;left:10px;z-index:-1;display:block;border-radius:100px/10px;background:0 0;box-shadow:0 0 50px rgba(0,0,0,.1);content:"";}
.main-content-5 .travel-content .col-xs-4{padding:0;}
.main-content-5 .travel-content .left-title{position:relative;padding:15px;height:100%;min-height:400px;background:#0059ff;text-align:center;}
@media (max-width:1200px){.main-content-5 .travel-content .left-title{min-height:465px;}
}
.left-title:after{position:absolute;top:0;left:0;margin:15px;padding:10px;width:calc(100% - 30px);height:calc(100% - 30px);border:rgba(255,255,255,.7) 1px solid;content:'';-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.main-content-5 .travel-content .left-title .title{position:relative;margin-top:50px;color:#fff;font-size:16px;}
.main-content-5 .travel-content .left-title .title:after{position:absolute;bottom:-8px;display:block;margin-top:30px;margin-left:47.5%;width:5%;border-top:#fff 1px solid;content:'';transition:all .3s ease 0s;}
.main-content-5 .travel-content .left-title .title-2rd{margin-top:15px;color:#ddd;font-size:12px;}
.main-content-5 .travel-content .left-title .bt{position:relative;z-index:99;display:inline-block;margin-top:200px;background:#0059ff;cursor:pointer;transition:all .3s ease 0s;}
.main-content-5 .travel-content .left-title .bt .img1{display:block;}
.main-content-5 .travel-content .left-title .bt .img2{display:none;}
.main-content-5 .travel-content .left-title .bt:after{position:absolute;display:block;margin-top:-33px;margin-left:-7px;width:40px;height:40px;border:#fff 1px solid;content:'';opacity:0;transition:all .3s ease 0s;}
.main-content-5 .travel-content .left-title:hover .bt:after{opacity:1;}
.main-content-5 .travel-content .left-title:hover .title:after{margin-left:25%;width:50%;}
.main-content-5 .travel-content .left-title .bt:hover{background:rgba(255,255,255,.7);}
.main-content-5 .travel-content .left-title .bt:hover .img1{display:none;}
.main-content-5 .travel-content .left-title .bt:hover .img2{display:block;}




.main-content-5 .travel-content .travel-list li{padding:15px;min-height:400px;border-right:rgba(238,238,238,.5) 1px solid;}
.main-content-5 .travel-content .travel-list li:last-child{border-right:none;}
.main-content-5 .travel-content .travel-list li a{position:relative;display:block;overflow:hidden;width:100%;height:100%;}
.main-content-5 .travel-content .travel-list li .title{overflow:hidden;margin-top:20px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-5 .travel-content .travel-list li hr{position:relative;margin:10px 0;}
.main-content-5 .travel-content .travel-list li hr:before{position:absolute;top:-1px;width:0;height:1px;border-top:#0059ff 1px solid;content:'';transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-5 .travel-content .travel-list li a .item-mask{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-5 .travel-content .travel-list li a .item-mask:after{position:absolute;top:15px;left:15px;width:calc(100% - 32px);height:calc(100% - 32px);border:1px solid rgba(255,255,255,.3);content:'';transition:all .36s ease;transform:scale(1.2);}
.main-content-5 .travel-content .travel-list li a .icon-open{position:absolute;top:0;top:150%;left:50%;margin-top:-20px;margin-left:-20px;width:40px;height:40px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-5 .travel-content .travel-list li:hover .icon-open{top:50%;}
.main-content-5 .travel-content .travel-list li a .icon-open img{width:100%;}
.main-content-5 .travel-content .travel-list li:hover a .item-mask::after{opacity:1;transform:scale(1);}
.main-content-5 .travel-content .travel-list li:hover a .item-mask{background:rgba(0,89,255,.5);}



.main-content-5 .travel-content .travel-list li .main{font-size: 12px;color: #999; line-height: 24px;}
.main-content-5 .travel-content .travel-list li .button-box{margin-top: 25px; width: 50%;}
.main-content-5 .travel-content .travel-list li .button{padding:0 25px;height: 36px;
    line-height: 32px; font-size: 12px;
border:#ddd 1px solid;background: #fff;color: #aaa;}
.main-content-5 .travel-content .travel-list li .button:hover{background: #eee;}
.main-content-5 .travel-content .travel-list li img{ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.main-content-5 .travel-content .travel-list li:hover img{transform: scale(1.2, 1.2)}
.main-content-5 .travel-content .travel-list li:hover .title{color: #0059ff;}
.main-content-5 .travel-content .travel-list li:hover hr:before{
    width: 100%;
}



.main-content-6 .container{margin:55px auto 0 auto;}
.main-content-6 .contact-content{margin:0 25px;}
.main-content-6 .contact-content .bt-box{margin:30px 0;}
.main-content-6 .contact-content .bt-box span{margin-right:10px;}
.main-content-6 .contact-content .bt-box span i{color:#777;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-6 .contact-content .bt-box span i:hover{color:#0059ff;}
.main-content-6 .contact-content .main-box .main{color:#aaa;line-height:28px;}
.main-content-6 .contact-content .form-box input{padding:0;height:52px;border:none;border-bottom:#ddd 1px solid;border-radius:0;box-shadow:none;line-height:52px;}
.main-content-6 .contact-content .form-box textarea{padding:0;border:none;border-bottom:#ddd 1px solid;border-radius:0;box-shadow:none;}
.main-content-6 .contact-content .index-form-input{position:relative;margin-bottom: 25px;}
.main-content-6 .contact-content .form-box .index-form-input:before{position:absolute;bottom:0;z-index:9;width:0;height:1px;border-top:#0059ff 1px solid;content:'';transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-6 .contact-content .form-box .index-form-input.active:before{width:95%;}
.main-content-6 .contact-content .form-box .index-form-input.has-error.active:before{border-color: #ea644a;}
.main-content-6 .contact-content .form-box .index-form-input.has-success.active:before{border-color: #0c0;}
.main-content-6 .contact-content .form-box .button{margin-top:25px;padding:0 35px;border:#ddd 1px solid;background:#fff;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.main-content-6 .contact-content .form-box .button:hover{background:#0059ff;color:#fff;}
.main-content-6 footer{height:40px;background:#959595;color:#ddd;font-size:14px;line-height:40px;}
.main-content-6 .container-fluid{padding:0;}
.main-content-6 footer .row{margin:0 25px;}
.main-content-6 footer .row .auther{float:left;}
.main-content-6 footer .row .icp{float:right;}


.carousel-indicators li{transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}

/*动画库*/
@-webkit-keyframes halo { 0% { opacity: 0;-webkit-transform: scale(0.1); }
50% {opacity: 1; }
100%{opacity: 0;-webkit-transform: scale(1.2); } }
@-moz-keyframes halo {0% { opacity: 0; -moz-transform: scale(0.1); }
50% { opacity: 1; }
100%{ opacity: 0; -moz-transform: scale(1.2); } }
@-ms-keyframes halo {0% { opacity: 0; }
50% { opacity: 1; }
100%{opacity: 0; } }
@-o-keyframes halo {0% { opacity: 0; -o-transform: scale(0.1); }
50% {opacity: 1; }
100%{ opacity: 0;-o-transform: scale(1.2); } }
@keyframes halo {0% { opacity: 0; transform: scale(0.1); }
50% {opacity: 1; }
100%{opacity: 0;transform: scale(1.2); } }



.ui-loader-default{display:none;}
.ui-mobile-viewport{border:none;}
.ui-page{margin:0;padding:0;outline:0;}
.loader{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:#fff;}
.spinner span{font-size:10px;}
.spinner{position:relative;top:50%;margin:0 auto;margin-top:-30px;width:50px;height:60px;text-align:center;font-size:10px;}
.spinner>div{display:inline-block;width:6px;height:100%;background-color:#0059ff;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s;}
.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s;}
.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s;}
@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4);}
20%{-webkit-transform:scaleY(1);}
}
@keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4);}
20%{-webkit-transform:scaleY(1);transform:scaleY(1);}
}




/*表单验证*/
.bv-form .help-block{position: absolute;}